.page-section-spacing {
	margin-top: 18rpx;
}

.page-section,
.swiper {
	width: 705rpx;
	margin: 0 auto;
	height: 240rpx;

	border-radius: 20rpx;
}

.page-section-spacing image {
	width: 100%;
	height: 240rpx;

	border-radius: 20rpx;
}

.uni-swiper-dot-active {
	width: 30rpx;
	height: 8rpx;
}

.head {
	background-color: #fff;
	border-radius: 40rpx 40rpx 0px 0px;
	position: absolute;
	top: 0;
}

.search-bg {
	height: 450rpx;
}

.head-bg {
	height: 40rpx;
	background-color: #000000;
}

.search-box {
	width: 702rpx;
	height: 68rpx;
	background: #F8F8F8;
	opacity: 1;
	border-radius: 34rpx;
	position: relative;
	top: 24rpx;
	margin: 0 24rpx;
}

.search-box image {
	width: 28rpx;
	height: 28rpx;
	float: left;
	margin-left: 24rpx;
	margin-right: 10rpx;
}

.search-box input {
	width: 600rpx;
	height: 68rpx;
	float: left;
	font-size: 26rpx;
}

.hot {
	width: 702rpx;
	margin: 48rpx auto 18rpx auto;
}

.hot text {
	border-radius: 30rpx;
	background: #F8F8F8;
	padding: 8rpx 16rpx;
	font-size: 22rpx;
	color: #333333;
	margin-right: 20rpx;
	margin-bottom: 20rpx;
	display: inline-block;
}

.public {
	width: 702rpx;
	margin: 24rpx auto;
	height: 44rpx;
}

.public image {
	width: 142rpx;
	height: 44rpx;
}

.public-slide {
	width: 540rpx;
	margin-left: 20rpx;
}

.public-slide swiper {
	height: 44rpx;
	border-radius: 0;
	width: 540rpx;
	line-height: 44rpx;
}

.public-slide swiper text {
	color: #666666;
	font-size: 26rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.hot-merchant {
	width: 702rpx;
	margin: 0 auto;
	background-color: #fff;
	padding: 30rpx;
	box-sizing: border-box;
	border-radius: 20rpx;
}

.title {
	margin-bottom: 34rpx;
	position: relative;
}

.more {
	position: absolute;
	right: -24rpx;
	height: 70rpx;
	width: 100rpx;
	text-align: right;
}

.title image {
	width: 30rpx;
	height: 30rpx;
	margin-right: 22rpx;
}

.more image {
	width: 8rpx;
	height: 20rpx;
	margin-left: 10rpx;
	margin-right: 0;
}

.title text {
	font-size: 32rpx;
}

.more text {
	font-size: 26rpx;
	color: #999999;
	margin-left: 20rpx;
}

.hot-merchant-list {
	width: 130rpx;
	text-align: center;
	margin-right: 38rpx;
}
.hot-merchant-list:nth-child(4) {
	margin-right: 0;
}
.hot-merchant-list image {
	width: 100rpx;
	height: 100rpx;
	background: #F7F8F9;
}

.merchant-title {
	font-size: 26rpx;
	margin-bottom: 10rpx;
}

.merchant-small-title {
	font-size: 26rpx;
	color: #999999;
}

.distance {
	height: 20rpx;
}

.agora text {
	padding: 8rpx 16rpx;
	background: #F7F8F9;
	border-radius: 20rpx;
	font-size: 24rpx;
	margin-right: 20rpx;
	margin-bottom: 20rpx;
	display: inline-block;
}

.recommend-title {
	width: 702rpx;
	margin: 0 auto;
	line-height: 92rpx;
	font-size: 32rpx;
}

.recommend-list {
	width: 702rpx;
	height: 188rpx;
	background: #FFFFFF;
	opacity: 1;
	border-radius: 20rpx;
	margin: 0 auto 24rpx auto;
	padding: 0 30rpx;
	box-sizing: border-box;
}

.recommend-list image {
	width: 120rpx;
	height: 120rpx;
	margin-right: 28rpx;
	border-radius: 50%;
	background: #F7F8F9;
}
.recommend-list .list-intr{
	margin-right: 54rpx;
}
.recommend-list .list-intr .compan-name {
	font-size: 28rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-bottom: 14rpx;
}

.recommend-list .list-intr .intr-con {
	font-size: 26rpx;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 140%;
}
